<%@ page language="java" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<script type="text/javascript" src="${r"${appPath}"}view/js/${bean.lowerClassName}/init.js"></script>
<div id="loading"
     style="position: absolute; z-index: 1000; top: 0px; left: 0px; width: 100%; height: 100%; background: #DDDDDB; text-align: center; padding-top: 20%;"></div>
<div>

    <div class="easyui-layout" style="width:100%;height:100%;">
        <div class="parent" id="${r"${moduleName}"}westDiv">
            <div data-options="region:'west',split:true" style="width:200px;">
                <div id="${r"${moduleName}"}treeDiv">
                    <!-- tree component -->
                    <ul id="${r"${moduleName}"}tree" class="ztree"></ul>
                </div>
            </div>
        </div>
        <div data-options="region:'center',iconCls:'icon-ok'">
            <div class="parent" id="${r"${moduleName}"}mainDiv">
                <div id="${r"${moduleName}"}searchBoxDiv">
                    <div id="${r"${moduleName}"}simpleSearchPanel">
                        <div id="${r"${moduleName}"}searchProperty" style="width:120px">
                            <div data-options="name:'all',iconCls:'icon-ok'">所有属性</div>
                        <#list bean['fields'] as field>
                        ${field.simpleSearchUI}
                        </#list>
                        </div>
                        <input id="${r"${moduleName}"}searchBox"/>
                        <a href="#" id="${r"${moduleName}"}advanceSearch">高级查询</a>
                    </div>
                    <div id="${r"${moduleName}"}advanceSearchPanel" style="width:200px;height:100px;">
                        <from id="${r"${moduleName}"}advanceSearchForm">
                            <table style="width:700px;">
                                <tbody>
                                <#list bean['fields'] as field>
                                <tr style="width: 300px">
                                ${field.advanceSearchUI}
                                </tr>
                                </#list>
                                </tbody>
                            </table>
                            <div style="width: 700px;text-align: center;">
                                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok"
                                   onclick="searchGrid()">查询</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton"
                                   onclick="resetSearchForm()">重置</a>
                                <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel"
                                   onclick="hideAdvanceSearchPanel()">隐藏</a>
                            </div>
                        </from>
                    </div>
                </div>

                <div id="${r"${moduleName}"}dataGridDiv" class="easyui-panel" title="列表">
                    <!-- table component -->
                    <table id="${r"${moduleName}"}dataGrid"></table>
                </div>
            </div>

            <div class="parent" id="${r"${moduleName}"}sideDiv">

            </div>
        </div>
    </div>

</div>  
